/* 
    Document   : ichat
    Created on : 22 Apr 10, 14:13:05
    Author     : Galing
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
Theme Name: Webcool!
Theme URIL:
Version: 1.1
Description: Created for Progin tugas 4
Author: Bramianha Adiwazsha
Author URI: kodelicious.com
*/

/*-----------------------
-- LAYOUT ---------------*/
html, body, #wrap {
	background: white url(../img/itb.png) 0px -190px no-repeat;
   height: 100%;
   width: 100%; }
body > #wrap {
	background: url(../img/bg.jpg) repeat;
	color: rgb(180,180,180);
	height: auto;
	min-height: 100%;}
#top {
   background: rgb(10,10,10);
   margin: 0 auto;
   float:left;
   padding-top:5px;
   min-height:25px;
   min-width:100%;
   text-align:right;}
#main{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*background:rgb(230,230,230);*/
	margin: 0 auto;
	width: 1024px;
	padding:10px;}
#footer {
	/*background: #990011;*/
	background: rgb(10,10,10);
	clear:both;
	float: none;
	height: 25px;
	margin-top: -30px;
	position: relative;
	padding-top: 5px;
	text-align:center;
	width:100%;}
.container{
   margin: 0 auto;
   width: 1024px;}
.highlight-color{
	color: #d93313;
 }
/*-- end of LAYOUT ---*/

/*-----------------------
-- ELEMENTS ------------*/
#block{
	-webkit-box-shadow: 2px 2px 10px rgb(100,100,150);
        -moz-box-shadow: 2px 2px 10px rgb(100,100,150);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#007733;
	min-height:10px;
	text-align:center;
	padding:10px 10px 15px 10px;
	position:relative;
	margin: 0 auto;
	width: 600px;
}
#chat{
	-webkit-box-shadow: 2px 2px 10px rgb(100,100,150);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#007733;
	min-height:10px;
	text-align:center;
	padding:10px 10px 15px 10px;
	position:fixed;
        top:133px;
	margin: 0 auto;
	width: 600px;
}
.left{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:white;
	float:left;
	margin-top:25px;
	min-height:10px;
	height:200px;
        width: 35%;
        overflow: auto;
	border:2px solid white;
}
.right{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:white;
	margin-top:25px;
	float:right;
	width:60%;
	min-height:20px;
        padding: 10px;
}
.admin{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:white;
	margin-top:10px;
        margin-bottom: 10px;
	float:right;
	width:96%;
	min-height:20px;
        padding: 10px;
}
.baris{
	background:rgb(240,240,210);
	border-bottom: 1px solid gray;
	color:brown;
	height:20px;
	margin: 5px 10px 5px 10px;
	padding-left:10px;
}
.tab{
	color:#99ff44;
	font-weight:bold;
	float:left;
	margin-top:5px;
	min-width:100%;
}
.tab_child{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background:#00cc55;
	color:#007733;
	float: left;
	margin:0px 5px 0 10px;
	padding:5px 20px 0px 10px;
	min-width:40px;
}
.tab_child.cur,.tab_child.cur:hover,.tab_child.cur:active{
	color:#99ff44;
	background:#007733;
}
.tab_child:hover{
	background:#66ff44;
	cursor:pointer;
}
.tab_child:active{
	background:#33dd22;
	cursor:pointer;
}
.chatbox{
	padding:5px;
}
.chatbox_content{
	min-height:50px;
}
/*-- end of element----*/

/*-----------------------
-- FONTS --------------*/
h1,h2,h3,h4,h5,h6{
   font-family: arial, verdana,helvetica,georgia;
   }
h1, h2, h3, h4, h5, h6{
   margin-top: 5px;
   margin-bottom: 20px;
}
p{
   padding-top: 5px;
   padding-bottom: 7px;}
a{
   color:rgb(51,175,14);
   text-decoration: none;}
a:visited{
   color: rgb(81,104,185);
}
a:hover{
   background-color: rgb(150,250,150);}
a.anchor{
   font-style: italic;
   font-size: 12px;
   text-decoration: none;}
strong{
   font-weight: bold;
}
/*-- end of FONTS ----*/

/*-----------------------
-- FORM -------------*/

fieldset.welldone{
   background: url(../img/yes.png) 385px 2px no-repeat;}
fieldset.error{
   background: url(../img/no.png) 385px 2px no-repeat;}
label {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
   padding: 0;
	text-align: right;
	width: 150px;}
input{
   width: 200px;
   padding: 2px 5px 2px 5px;
   margin-bottom: 5px;}
.login{
   float:right;
}
.login input{
   width: 80px;
   color: rgb(100,100,150);
   font-size:10px;
   font-style:italic;
   line-height:10px;
   padding: 2px 2px 2px 2px;
   margin-bottom: 0px;}

button{
   background: url(../img/button-yellow.png) no-repeat;
   width:75px;
   height:19px;
   text-align:center;
   line-height:10px;
   color:#FFFFFF;
   font-size:10px;
   font-weight:bold;
   padding: 0;
}
button:hover{
   background: url(../img/button-orange.png) no-repeat;
}
button:active{
   margin-top: 0px;
}
select{
   width: 215px;
   padding: 2px 5px 2px 5px;
   margin-bottom: 10px;}
textarea{
   height: 65px;
   max-height: 100px;
   width: 200px;
   max-width: 600px;
   margin: 0 0 10px 0;
   padding: 0 5px 0 5px;}
textarea.small{
   width: 200px;
   max-width: 200px;}
.hint {
   display:none;
   color:green;
   font-style: italic;
   font-size: 12px;
   max-width: 500px;
   margin: 2px 0 10px 20px;
   position: absolute;
   padding: 2px 12px;
}

/*-- end of FORM ----*/
table{
   color: rgb(120,120,120);
   width: 100%;
   background:rgb(230,230,200);
   border:1px solid rgb(200,200,200);
}
td{
   border-bottom:1px solid rgb(200,200,200);
   line-height:25px;
   padding-left: 5px;
}
tr{
   background:white;
   font-weight:medium;
}
thead tr{
   background:rgb(200,200,250);
   font-weight:bold;
}

/*-----------------------
-- REGIONS -------------*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/*-- end of REGIONS ---*/